// =============================================================================
// Respond to retina
//
// Future proof Retina media query based on Brett Jankord's research:
// http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
//
// =============================================================================

@mixin respond-to-retina {
    @media
    only screen and (-webkit-min-device-pixel-ratio: $responder-retina-pixel-ratio),
    only screen and (min-resolution: #{(96 * $responder-retina-pixel-ratio)}dpi) {
        @content;
   }
}